<template>
	<cmDialog v-model="dialogState" modal-title="滞后分析" model-width="1200px">
		<div class="box">
			<div class="chart">
				<yuqifuzeren v-if="isLoad" :data="[]"></yuqifuzeren>
			</div>
			<div class="chart">
				<yuqidanwei v-if="isLoad" :data="[]"></yuqidanwei>
			</div>
			<div class="chart">
				<yuqiguanliyuan v-if="isLoad" :data="[]"></yuqiguanliyuan>
			</div>
			<div class="chart">
				<yuqijieduan v-if="isLoad" :data="[]"></yuqijieduan>
			</div>
			<div class="chart">
				<yuqiyearsjieduan v-if="isLoad" :data="[]"></yuqiyearsjieduan>
			</div>
			<div class="chart">
				<yuqiyearsxiangmu v-if="isLoad" :data="[]"></yuqiyearsxiangmu>
			</div>
			<div class="chart">
				<yuqikaitijieduan v-if="isLoad" :data="[]"></yuqikaitijieduan>
			</div>
			<div class="chart">
				<yuqizhongqijieduan v-if="isLoad" :data="[]"></yuqizhongqijieduan>
			</div>
			<div class="chart">
				<yuqijietijieduan v-if="isLoad" :data="[]"></yuqijietijieduan>
			</div>
		</div>
	</cmDialog>
</template>
<script lang="ts" setup>
import cmDialog from '@/components/cm-dialog/index.vue'
import { computed, onMounted, ref } from 'vue'
import yuqidanwei from './echarts/yuqidanwei.vue'
import yuqifuzeren from './echarts/yuqifuzeren.vue'
import yuqiguanliyuan from './echarts/yuqiguanliyuan.vue'
import yuqijieduan from './echarts/yuqijieduan.vue'
import yuqijietijieduan from './echarts/yuqijietijieduan.vue'
import yuqikaitijieduan from './echarts/yuqikaitijieduan.vue'
import yuqiyearsjieduan from './echarts/yuqiyearsjieduan.vue'
import yuqiyearsxiangmu from './echarts/yuqiyearsxiangmu.vue'
import yuqizhongqijieduan from './echarts/yuqizhongqijieduan.vue'

const props = defineProps({
	modelValue: Boolean
})

const isLoad = ref(false)

const emit = defineEmits(['update:modelValue', 'submit-success', 'dialog-cancel'])
const dialogState = computed({
	get: () => props.modelValue,
	set: val => emit('update:modelValue', val)
})

const closeModal = () => {
	emit('update:modelValue', false)
}
onMounted(() => {
	setTimeout(() => {
		isLoad.value = true
	}, 500)
})
</script>
<style lang="scss" scoped>
.dialog-foot {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
	padding-bottom: 20px;
}

.box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	.chart {
		width: 550px;
	}
}
</style>
